$(()=>{
    console.log(commodityId)
    let url = ctx + "inventory/echart";
    $.ajax({
        url,
        method:"post",
        dataType:"json",
        data:{
            commodityId
        },
        success(resp){
            console.log(resp);
            if (resp.error!==""){
                layer.msg(error);
            }else{
                let key = [];
                let value = [];
                resp.inventory.forEach(function (inventory){
                    value.push(inventory.value)
                    key.push(inventory.name)

                })
                console.log(key)
                console.log(value)
                console.log(resp.inventory)
                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('pieChart'));

                // 指定图表的配置项和数据 放在option对象里面
                option = {
                    title : {
                        text: '某站点用户访问来源',
                        subtext: '纯属虚构',
                        x:'center'
                    },
                    tooltip : {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        left: 'left',
                        data: key

                        // ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
                    },
                    series : [
                        {
                            name: '访问来源',
                            type: 'pie',
                            radius : '55%',
                            center: ['50%', '60%'],
                            data:[
                                resp.inventory
                                // {value:335, name:'直接访问'},
                                // {value:310, name:'邮件营销'},
                                // {value:234, name:'联盟广告'},
                                // {value:135, name:'视频广告'},
                                // {value:1548, name:'搜索引擎'}
                            ],
                            itemStyle: {
                                emphasis: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            }
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);

            }

        }
    })

})

